<template>
  <div class="home">
    <!-- 搜索框 -->
    <van-search
      v-model="value"
      show-action
      placeholder="请输入搜索关键词"
      background="#30404b"
      shape="round"
    >
      <template #action>
        <div @click="onSearch" style="color:#fff">搜索</div>
      </template>
    </van-search>
    <!-- 滑动单元格 -->
    <van-swipe-cell> </van-swipe-cell>
    <!-- 内容 -->
    <div class="article-item">
      <div class="header">
        <span class="title">戴威发公开信：ofo进行全新的组织架构调整和升级</span>
        <div class="cover-one">
          <img
            src="http://static.ws.126.net/cnews/css13/img/end_tech.png"
            alt=""
            onerror='this.src="img/default.jpg"'
          />
        </div>
      </div>
      <!---->
      <div class="operate">
        <div class="left">
          <!----><span>翔爷</span><span class="set">1评论</span
          ><span class="set">2 年前</span>
        </div>
        <div class="right">×</div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      value: ''
    }
  },
  methods: {
    onSearch () {}
  }
}
</script>
<style lang="less" scoped>
.home {
}
</style>
